<!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<title>游币游戏详情</title>
<link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css"/>
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>


</head>
<body>
<div class="container">
<nav class="navbar navbar-default" >
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#example-navbar-collapse">
				<span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="portal.html">游币手机下载门户网站</a>
		</div>
		<div class="collapse navbar-collapse" id="example-navbar-collapse">
			<ul class="nav navbar-nav">
				
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown"><a href="#">欢迎XXX</a>
				</li>
			
				<li class="dropdown"><a href="login.html" >登录</a>
				</li>
				<li class="dropdown"><a href="register.html" >注册</a>
				</li>
				
				<li class="dropdown"><a href="#" class="dropdown-toggle "
					data-toggle="dropdown">个人中心<b class="caret"></b> </a>
					<ul class="dropdown-menu">
						<li><a data-toggle="modal"
					data-target="#myModal">密保卡充值</a></li>
						<li><a href="prepaid.html">充值记录</a></li>
						<li><a href="userDetail.html">账户信息</a></li>
						<li><a href="expense.html">消费记录</a></li>
						<li class="divider"></li>
						<li><a href="login.html">退出</a></li>
					</ul>
				</li>
				
			</ul>
		</div>
	</nav>
</div>
<div class="modal fade" id="myModal" tabindex="-1" >
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									>&times;</button>
								<h4 class="modal-title" id="myModalLabel">密保卡充值</h4>
							</div>
						</div>
					</div>
				</div>
				
	<div class="row" style="background-color:#CCC; 
	overflow:hidden;" onLoad="init()">
		<div class="col-md-12">
			<ul class="nav nav-pills col-md-offset-3" >
			<li class=><a href="portal.html" class="btn btn-primary">首页</a></li>
      <li><a href="" class="btn btn-primary">棋牌游戏</a></li>
      <li><a href="" class="btn btn-primary">棋牌游戏</a></li>
      <li><a href="" class="btn btn-primary">棋牌游戏</a></li>
      <li><a href="" class="btn btn-primary">棋牌游戏</a></li>
      	
				
    </ul>
		</div>
    </div>
    
   
	<div class="row">&nbsp;</div>
	<div class="container">
	<form action="" method="post">
		<div class="row">
			<div class="col-md-4 col-sm-4">
				<img
					src="${pageContext.request.contextPath}/images/cover/"
					width="450px;" alt="" />
			</div>
			<div class="col-md-6 col-md-offset-1">
				<p>
					<strong>游戏名称:</strong>欢乐斗地主
				</p>
				<p>
					<strong>游戏类型:</strong>棋牌游戏
				</p>
				<p>
					<strong>话费价格:</strong>10元
				</p>
				<p>
					<strong>游币价格:</strong>58(单位:游币)
				</p>
				<p>
					<strong>开发商:</strong>腾讯开发商
				</p>
				<p>
					<strong>备案号:</strong>文网游备字〔2016〕Ｍ-CBG 0011 号
				</p>
				<p>
					<strong>游戏简介:</strong>欢乐斗地主有天地癞子多倍的模式，玩法多样
				</p>
				<p>
					<strong>游戏状态:</strong>
					
				商用
				
				下线
				
				</p>
				<p>
					<strong>最新发布时间:</strong>
					2017-05-01 07:04:12
				</p>
				<p>
					<strong>支付方式:</strong><select >
						<option value="1" selected="selected">话费支付</option>
						<option value="2">游币支付</option>
					</select>
				</p>
				<p>
					<input  type="button"  class="btn btn-success" value="确认购买">
					<a class="btn btn-warning" href="">返回首页</a>
				</p>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-info">
					<div class="panel-heading">
						<h3 class="panel-title">游戏简介</h3>
					</div>
					<div class="panel-body">欢乐斗地主是最近流行的扑克牌新玩法</div>
				</div>
			</div>

		</div>
		<div class="row col-md-12">
				<div class="panel panel-warning ">
			<div class="panel-heading">
						<h3 class="panel-title">游戏画面截图</h3>
					</div><div class="panel-body">
			<div class="carousel content-main">
    <ul class="list">
        <li><img src="${pageContext.request.contextPath}/images/screen/"/></li>
        <li><img src="${pageContext.request.contextPath}/images/screen/"/></li>
        <li><img src="${pageContext.request.contextPath}/images/screen/"/></li>
    </ul></div>
	</div>
</div>
<script src="../js/index.js"></script>
<script>
 
   var setting = {
        width:500,
        height:270,
        postWidth:658,
        postHeight:270,
        scale:0.8,
        verticalAlign:"center",
        speed:500
    };  
    $(".carousel").attr("data-setting",'{ "width":900,"height":411,"postWidth":658}');
    Carousel.init($(".carousel"));
</script>
		</div>
</form>
	</div>
	<div class="row">
	<div class="container">
		<hr/>
		<div class="col-md-4 col-md-offset-5">
		&copy;2016-2017 portal.com 版权所有
		</div>
	</div>	
</div>

</body>

</html>
